{% extends "base.html" %}

{% block title %}首页 - 抽奖系统{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-12 col-md-10 col-lg-8">
        <div class="text-center mb-5">
            <h1 class="display-4 text-primary">欢迎来到抽奖系统</h1>
            <p class="lead">公平、透明、即时的抽奖平台</p>
        </div>

        <div class="row justify-content-center">
            <div class="col-md-6 mb-4">
                <div class="card h-100 shadow hero-card">
                    <div class="card-body text-center">
                        <div class="mb-4">
                            <div class="icon-wrapper">
                                <i class="fas fa-gift fa-4x text-primary"></i>
                            </div>
                        </div>
                        <h4 class="card-title text-primary mb-3">开始抽奖</h4>
                        <p class="card-text text-muted mb-4">输入您的个人信息，参与精彩的抽奖活动<br>公平公正，实时开奖</p>
                        <a href="{{ url_for('lottery') }}" class="btn btn-primary btn-lg px-5">立即参与</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-5">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">抽奖规则</h5>
                </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex align-items-center">
                            <i class="fas fa-user-edit text-primary me-3"></i>
                            每位用户需要输入姓名、性别和身份证号码
                        </li>
                        <li class="list-group-item d-flex align-items-center">
                            <i class="fas fa-check-circle text-success me-3"></i>
                            只有在白名单中的用户才能参与抽奖
                        </li>
                        <li class="list-group-item d-flex align-items-center">
                            <i class="fas fa-dice text-info me-3"></i>
                            每轮抽奖每人只能参与一次
                        </li>
                        <li class="list-group-item d-flex align-items-center">
                            <i class="fas fa-star text-warning me-3"></i>
                            共有27个奖号等待您的抽取
                        </li>
                        <li class="list-group-item d-flex align-items-center">
                            <i class="fas fa-clock text-secondary me-3"></i>
                            活动开启后才能参与抽奖
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
{% endblock %}
